<!DOCTYPE html
		PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

	<title>Tree List</title>

	<link rel="stylesheet" type="text/css" href="tree_list.example.css" media="all" />
</head>
<body>

<div class="tree_list"><ul>
	<li>
		<div class="optgroup">
			<h3 class="title"><span>Clothing</span></h3>
			<ul>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Dresses</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Dressy</a></li>
							<li class="option"><a href="option">Casual</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Skirts</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Mini</a></li>
							<li class="option"><a href="option">Knee Length</a></li>
							<li class="option"><a href="option">Long</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Tops</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Blouses</a></li>
							<li class="option"><a href="option">Sweaters</a></li>
							<li class="option"><a href="option">Cardigans</a></li>
							<li class="option"><a href="option">Sweatshirts &amp; Hoodies</a></li>
							<li class="option"><a href="option">T-Shirts</a></li>
							<li class="option"><a href="option">Tanks</a></li>
							<li class="option"><a href="option">Tunics</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Outerwear</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Coats</a></li>
							<li class="option"><a href="option">Jackets</a></li>
							<li class="option"><a href="option">Blazers</a></li>
							<li class="option"><a href="option">Vests</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Jeans</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Skinny</a></li>
							<li class="option"><a href="option">Straight Leg</a></li>
							<li class="option"><a href="option">Bootcut</a></li>
							<li class="option"><a href="option">Wide Leg</a></li>
							<li class="option"><a href="option">Boyfriend</a></li>
							<li class="option"><a href="option">Bell-bottom</a></li>
						</ul></div>
					</div>
				</li>
				<li class="option"><a href="option">Pants</a></li>
				<li class="option"><a href="option">Leggings</a></li>
				<li class="option"><a href="option">Shorts</a></li>
				<li class="option"><a href="option">Jumpsuits &amp; Rompers</a></li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Suits</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Pant</a></li>
							<li class="option"><a href="option">Skirt</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Intimates</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Bras</a></li>
							<li class="option"><a href="option">Undies &amp; Thongs</a></li>
							<li class="option"><a href="option">Lingerie</a></li>
							<li class="option"><a href="option">Pajamas</a></li>
							<li class="option"><a href="option">Robes</a></li>
							<li class="option"><a href="option">Socks</a></li>
							<li class="option"><a href="option">Tights &amp; stockings</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Swimwear</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">One piece</a></li>
							<li class="option"><a href="option">Two piece</a></li>
						</ul></div>
					</div>
				</li>
			</ul>
		</div>
	</li>
	<li>
		<div class="optgroup">
			<h3 class="title"><span>Bags</span></h3>
			<div class="options"><ul>
					<li class="option"><a href="option">Totes</a></li>
					<li class="option"><a href="option">Hobos</a></li>
					<li class="option"><a href="option">Shoulder</a></li>
					<li class="option"><a href="option">Clutches</a></li>
					<li class="option"><a href="option">Wallets</a></li>
					<li class="option"><a href="option">Office &amp; School</a></li>
			</ul></div>
		</div>
	</li>
	<li>
		<div class="optgroup">
			<h3 class="title"><span>Shoes</span></h3>
			<ul>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Boots</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Ankle Bootie</a></li>
							<li class="option"><a href="option">Mid Calf</a></li>
							<li class="option"><a href="option">Knee High</a></li>
							<li class="option"><a href="option">Over-The-Knee</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Heels</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Pump</a></li>
							<li class="option"><a href="option">Stiletto</a></li>
							<li class="option"><a href="option">Platform</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Wedges &amp; Platforms</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Wedges</a></li>
							<li class="option"><a href="option">Platforms</a></li>
							<li class="option"><a href="option">Clogs</a></li>
						</ul></div>
					</div>
				</li>
				<li class="option"><a href="option">Sandals</a></li>
				<li class="option"><a href="option">Flats</a></li>
				<li class="option"><a href="option">Flip Flops</a></li>
				<li class="option"><a href="option">Sneakers</a></li>
				<li class="option"><a href="option">Slippers</a></li>
			</ul>
		</div>
	</li>
	<li>
		<div class="optgroup">
			<h3 class="title"><span>Accessories</span></h3>
			<div class="options"><ul>
				<li class="option"><a href="option">Belts</a></li>
				<li class="option"><a href="option">Gloves</a></li>
				<li class="option"><a href="option">Scarves</a></li>
				<li class="option"><a href="option">Hats</a></li>
				<li class="option"><a href="option">Sunglasses</a></li>
				<li class="option"><a href="option">Hair Accessories</a></li>
				<li class="option"><a href="option">Umbrellas</a></li>
			</ul></div>
		</div>
	</li>
	<li>
		<div class="optgroup">
			<h3 class="title"><span>Jewelry</span></h3>
			<div class="options"><ul>
				<li class="option"><a href="option">Watches</a></li>
				<li class="option"><a href="option">Necklaces</a></li>
				<li class="option"><a href="option">Bracelets</a></li>
				<li class="option"><a href="option">Earrings</a></li>
				<li class="option"><a href="option">Rings</a></li>
				<li class="option"><a href="option">Pendants</a></li>
				<li class="option"><a href="option">Brooches</a></li>
			</ul></div>
		</div>
	</li>
	<li>
		<div class="optgroup">
			<h3 class="title"><span>Beauty</span></h3>
			<ul>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Makeup</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Eyes</a></li>
							<li class="option"><a href="option">Lips</a></li>
							<li class="option"><a href="option">Face</a></li>
							<li class="option"><a href="option">Nails</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Hair</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Products</a></li>
							<li class="option"><a href="option">Accessories</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Skin Care</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Face</a></li>
							<li class="option"><a href="option">Body</a></li>
						</ul></div>
					</div>
				</li>
		<li class="option"><a href="option">Fragrance</a></li>
		<li class="option"><a href="option">Tools &amp; accessories</a></li>
	</ul></div></li>
	<li><div class="optgroup"><h3 class="title"><span>Gadgets</span></h3><ul>
		<li><div class="optgroup"><h3 class="title"><span>Phones &amp; Accessories</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Phones</a></li>
			<li class="option"><a href="option">Accessories</a></li>
		</ul></div></div></li>
		<li><div class="optgroup"><h3 class="title"><span>Portable audio</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Headphones</a></li>
			<li class="option"><a href="option">Accessories</a></li>
			<li class="option"><a href="option">MP3 players</a></li>
		</ul></div></div></li>
		<li><div class="optgroup"><h3 class="title"><span>Cameras &amp; accessories</span></h3><div class="options"><ul>
			<li class="option"><a href="option">TV, video, home audio</a></li>
		</ul></div></div></li>
		<li><div class="optgroup"><h3 class="title"><span>Computers &amp; stuff</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Hardware</a></li>
			<li class="option"><a href="option">Software</a></li>
			<li class="option"><a href="option">Accessories</a></li>
		</ul></div></div></li>
		<li class="option"><a href="option">Gizmos</a></li>
	</ul></div></li>
	<li><div class="optgroup"><h3 class="title"><span>Home</span></h3><ul>
		<li><div class="optgroup"><h3 class="title"><span>Furnish</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Furniture</a></li>
			<li class="option"><a href="option">Lighting</a></li>
			<li class="option"><a href="option">Bathroom</a></li>
			<li class="option"><a href="option">Bedroom</a></li>
		</ul></div></div></li>
		<li><div class="optgroup"><h3 class="title"><span>decorate</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Wall</a></li>
			<li class="option"><a href="option">Floor</a></li>
			<li class="option"><a href="option">Bedroom</a></li>
			<li class="option"><a href="option">Windows</a></li>
			<li class="option"><a href="option">Coffee table</a></li>
		</ul></div></div></li>
		<li class="option"><a href="option">OFFICE</a></li>
		<li><div class="optgroup"><h3 class="title"><span>kitchen</span></h3><div class="options"><ul>
			<li class="option"><a href="option">glassware</a></li>
			<li class="option"><a href="option">bar</a></li>
			<li class="option"><a href="option">cookware</a></li>
			<li class="option"><a href="option">edible</a></li>
			<li class="option"><a href="option">tools + gadgets</a></li>
		</ul></div></div></li>
		<li class="option"><a href="option">outdoors + garden</a></li>
		<li class="option"><a href="option">pets</a></li>
	</ul></div></li>
	<li><div class="optgroup"><h3 class="title"><span>Parenting and Kids</span></h3><ul>
		<li><div class="optgroup"><h3 class="title"><span>Baby &amp; Toddler</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Strollers &amp; Car Seats</a></li>
			<li class="option"><a href="option">Clothing</a></li>
			<li class="option"><a href="option">Health &amp; Safety</a></li>
			<li class="option"><a href="option">Playtime</a></li>
			<li class="option"><a href="option">Feeding</a></li>
			<li class="option"><a href="option">Room, bath &amp; potty</a></li>
			<li class="option"><a href="option">Books, Music &amp; video</a></li>
		</ul></div></div></li>
		<li><div class="optgroup"><h3 class="title"><span>Kids</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Kid's room</a></li>
			<li class="option"><a href="option">Clothing</a></li>
			<li class="option"><a href="option">Toys and games</a></li>
			<li class="option"><a href="option">Books, Music &amp; video</a></li>
		</ul></div></div></li>
		<li><div class="optgroup"><h3 class="title"><span>For mom</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Shower gifts</a></li>
			<li class="option"><a href="option">Clothing</a></li>
			<li class="option"><a href="option">Health &amp; beauty</a></li>
		</ul></div></div></li>
	</ul></div></li>
	<li><div class="optgroup"><h3 class="title"><span>Recreation</span></h3><div class="options"><ul>
		<li class="option"><a href="option">Winter</a></li>
		<li class="option"><a href="option">Summer</a></li>
		<li class="option"><a href="option">Yoga</a></li>
		<li class="option"><a href="option">Bike shop</a></li>
		<li class="option"><a href="option">Fitness</a></li>
		<li class="option"><a href="option">Travel</a></li>
		<li class="option"><a href="option">Hobbies</a></li>

		<li><div class="optgroup"><h3 class="title"><span>Books, music, video</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Books</a></li>
			<li class="option"><a href="option">Movies</a></li>
			<li class="option"><a href="option">TV</a></li>
			<li class="option"><a href="option">Music</a></li>
		</ul></div></div></li>
		<li><div class="optgroup"><h3 class="title"><span>Games &amp; Novelties</span></h3><div class="options"><ul>
			<li class="option"><a href="option">Games</a></li>
			<li class="option"><a href="option">Collectibles &amp; Figures</a></li>
			<li class="option"><a href="option">Novelties</a></li>
			<li class="option"><a href="option">nsfw</a></li>
		</ul></div></div></li>
		<li class="option"><a href="option">toys</a></li>
		<li class="option"><a href="option">books + video</a></li>
		<li class="option"><a href="option">wearables</a></li>
		<li class="option"><a href="option">other</a></li>
		<li class="option"><a href="option">Wishful thinking</a></li>
	</ul></div></div></li>
	<li>
		<div class="optgroup">
			<h3 class="title"><span>Men</span></h3>
			<ul>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Top</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Jackets</a></li>
							<li class="option"><a href="option">Shirts, ties, blazers, etc</a></li>
							<li class="option"><a href="option">Casual</a></li>
							<li class="option"><a href="option">Tees</a></li>
							<li class="option"><a href="option">Sweatshirts &amp; Sweaters</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Bottom</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Jeans</a></li>
							<li class="option"><a href="option">Pants</a></li>
							<li class="option"><a href="option">Slacks</a></li>
							<li class="option"><a href="option">Shorts</a></li>
							<li class="option"><a href="option">Swim</a></li>
							<li class="option"><a href="option">underwear</a></li>
						</ul></div>
					</div>
				</li>
				<li>
					<div class="optgroup">
						<h3 class="title"><span>Feet/kicks</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Dress</a></li>
							<li class="option"><a href="option">Casual</a></li>
							<li class="option"><a href="option">Boots</a></li>
							<li class="option"><a href="option">Sneakers</a></li>
							<li class="option"><a href="option">Sandals</a></li>
							<li class="option"><a href="option">Socks</a></li>
						</ul></div>
					</div>
				</li>
				<li class="last-child">
					<div class="optgroup">
						<h3 class="title"><span>Accessories</span></h3>
						<div class="options"><ul>
							<li class="option"><a href="option">Bags</a></li>
							<li class="option"><a href="option">Wallets</a></li>
							<li class="option"><a href="option">Sunglasses</a></li>
							<li class="option"><a href="option">Belts &amp; Suspenders</a></li>
							<li class="option"><a href="option">Jewelry &amp; Watches</a></li>
							<li class="option"><a href="option">Hats</a></li>
							<li class="option"><a href="option">Grooming</a></li>
						</ul></div>
					</div>
				</li>
			</ul>
		</div>
	</li>
</ul></div>
</body>
</html>